<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./layuimini-v2/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="./layuimini-v2/css/public.css" media="all">
     <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
    <div class="layui-form layuimini-form" id="form">
    </div>
<script src="./layuimini-v2/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    var user= JSON.parse(localStorage.getItem('editUser'))
    console.log(user)
    var ge=''
    var sta=''
    if(user.gender=='1'){
        ge+="<div class='layui-form-item'>"+
            "<label class='layui-form-label required'>性别</label>"+
                "<div class='layui-input-block'>"+
                    "<input type='radio' name='gender' value='1' title='男' checked=''>"+
                    "<input type='radio' name='gender' value='2' title='女'>"+
                "</div>"+
            "</div>"
    }
    else{
        ge+="<div class='layui-form-item'>"+
            "<label class='layui-form-label required'>性别</label>"+
                "<div class='layui-input-block'>"+
                    "<input type='radio' name='gender' value='1' title='男' >"+
                    "<input type='radio' name='gender' value='2' title='女' checked=''>"+
                "</div>"+
            "</div>"
    }
    // if(user.status=='1'){
    //     ge+="<div class='layui-form-item'>"+
    //         "<label class='layui-form-label required'>账号状态</label>"+
    //             "<div class='layui-input-block'>"+
    //                 "<input type='radio' name='status' value='1' title='正常' checked=''>"+
    //                 "<input type='radio' name='status' value='2' title='被封禁'>"+
    //             "</div>"+
    //         "</div>"
    // }
    // else{
    //     ge+="<div class='layui-form-item'>"+
    //         "<label class='layui-form-label required'>账号状态</label>"+
    //             "<div class='layui-input-block'>"+
    //                 "<input type='radio' name='status' value='1' title='正常' >"+
    //                 "<input type='radio' name='status' value='2' title='被封禁' checked=''>"+
    //             "</div>"+
    //         "</div>"
    // }
    // alert(ge)
    var h=''
    h+="<div class='layui-form-item'>"+
  "<label class='layui-form-label required'>账号</label>"+
  "<div class='layui-input-block'>"+
      "<input type='text' name='account' lay-verify='required' lay-reqtext='账号不能为空' placeholder='请输入用户名' value='"+user.account+"' class='layui-input'>"+
      "<tip>填写用户账号</tip>"+
  "</div>"+
"</div>"+
"<div class='layui-form-item'>"+
  "<label class='layui-form-label required'>密码</label>"+
  "<div class='layui-input-block'>"+
      "<input type='text' name='password' lay-verify='required' lay-reqtext='用户密码不能为空' placeholder='请输入用户密码' value='"+user.password+"' class='layui-input'>"+
      "<tip>填写用户密码</tip>"+
  "</div>"+
"</div>"+
"<div class='layui-form-item'>"+
  "<label class='layui-form-label required'>姓名</label>"+
  "<div class='layui-input-block'>"+
      "<input type='text' name='name' lay-verify='required' lay-reqtext='用户姓名不能为空' placeholder='请输入用户姓名' value='"+user.name+"' class='layui-input'>"+
      "<tip>填写用户姓名</tip>"+
  "</div>"+
"</div>"+
ge+
"<div class='layui-form-item'>"+
  "<label class='layui-form-label required'>年龄</label>"+
  "<div class='layui-input-block'>"+
      "<input type='number' name='age' lay-verify='required' lay-reqtext='用户年龄不能为空' placeholder='请输入用户年龄' value='"+user.age+"' class='layui-input'>"+
      "<tip>填写数字格式</tip>"+
  "</div>"+
"</div>"+
"<div class='layui-form-item'>"+
  "<label class='layui-form-label required'>手机</label>"+
  "<div class='layui-input-block'>"+
      "<input type='number' name='phone' lay-verify='required' lay-reqtext='手机不能为空' placeholder='请输入手机' value='"+user.phone+"' class='layui-input'>"+
  "</div>"+
"</div>"+
sta+

"<div class='layui-form-item'>"+
  "<div class='layui-input-block'>"+
      "<button class='layui-btn layui-btn-normal' lay-submit lay-filter='saveBtn'>确认修改</button>"+
  "</div>"+
"</div>"

    document.getElementById('form').innerHTML=h
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;

        //监听提交
        form.on('submit(saveBtn)', function (data) {

            $.ajax({
                type: "PUT",
                url: "http://douzi.wiki:9000/GROW/api/user",
                contentType: "application/json",
                dataType: "json",
                data: JSON.stringify(data.field),
                success: function (res) {
                    window.location.href = "HotelUser-hotel.html";
                },
                error: function (res) {},
            });

            var index = layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            }, function () {

                // 关闭弹出层
                layer.close(index);

                var iframeIndex = parent.layer.getFrameIndex(window.name);
                parent.layer.close(iframeIndex);

            });

            return false;
        });

    });
</script>
</body>
</html>